<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>果缘</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="assets/i/favicon.png">
		<link rel="stylesheet" href="assets/css/amazeui.css">
		<link rel="stylesheet" href="assets/css/app.css">
	</head>
	<body>
		<!-- Header -->
		<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
			<h1 class="am-header-title">
			<a href="#title-link" class="">某水果店</a>
			</h1>
			<div class="am-header-left am-header-nav">
				<a href="index.html" class=""> <i class="am-header-icon am-icon-chevron-left"></i>
				</a>
			</div>
			<div class="am-header-right am-header-nav">
				<a href="#right-link" class=""> <i class="am-header-icon am-icon-search"></i>
				</a>
			</div>
		</header>
		<form action="" class="am-form" data-am-validator>
			<fieldset>
				<legend>商品信息</legend>
				<div class="am-form-group am-form-file">
					<button type="button" class="am-btn am-btn-danger am-btn-sm">
					<i class="am-icon-cloud-upload"></i>&nbsp;选择要上传商品图片</button>
					<input id="doc-form-file" type="file" multiple>
				</div>
				<div id="file-list"></div>
				<div class="am-form-group">
					<label for="doc-vld-pname">名称</label>
					<input type="text" id="doc-vld-pname" required/>
				</div>
				<div class="am-form-group">
					<label for="doc-vld-intro">简介</label>
					<input type="text" id="doc-vld-intro"  required/>
				</div>
				<div class="am-form-group">
					<label for="doc-vld-cprice">市场价格</label>
					<input type="number" id="doc-vld-cprice" required />
				</div>
				<div class="am-form-group">
					<label for="doc-vld-price">优惠价格</label>
					<input type="number" id="doc-vld-price" required />
				</div>
				<button class="am-btn am-btn-success" type="submit">提交</button>
			</fieldset>
		</form>
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/amazeui.min.js"></script>
		<script>
			$(function() {
				$('#doc-form-file').on('change', function() {
					var fileNames = '';
					$.each(this.files, function() {
						fileNames += '<span class="am-badge">' + this.name + '</span> ';
					});
					$('#file-list').html(fileNames);
				});
			});
		</script>
	</body>
</html>